<!DOCTYPE html>
<meta charset="utf-8"/>
<title>个人主页</title>
<head>
    <style>
        @import "../CSS/index.css";
    </style>
</head>
<body>
<div id="container">
    <div id="header">
        <h1 class="header">欢迎进入个人主页</h1>
    </div>
    <div id="content">
        <div id="left">
            <details open>
                <summary>HTML的发展历史</summary>
                <ul>
                    <li><a href="http://www.w3.org/">W3C</a></li>
                    <li><a href="#">HTML 1</a></li>
                    <li><a href="#">HTML 2</a></li>
                    <li><a href="#">HTML 3.0</a></li>
                    <li><a href="#">HTML 4.01</a></li>
                    <li><a href="#">HTML 5.0</a></li>
                </ul>
            </details>
            <details open>
            <summary>CSS</summary>
            <ul>
                <li><a href="csszengarden.com">CSS 1.0</a></li>
                <li><a href="csszengarden.com">CSS 2.0</a></li>
                <li><a href="csszengarden.com">CSS 3.0</a></li>
            </ul>
        </details>
            <details open>
                <summary>Bootstrap</summary>
                <ul>
                    <li><a href="http://getbootstrap.com/">Bootstrap</a></li>
                </ul>
            </details>
        </div>
        <div id="right">
            <h2>浅谈互联网发展的起源</h2>
            <article>
                <div id="up">
                    <img src="../images/b3.jpg" class="left"/>

                    <p>
                    <h3>第1阶段</h3>
                    1969年，为了保障通信联络，美国国防部高级研究计划署ARPA资助建立了世界上第一个分组交换试验网ARPANET，连接美国四个大学。
                    ARPANET的建成和不断发展标志着计算机网络发展的新纪元。
                    </p>

                </div>
                <div id="down">
                    <img src="../images/b2.jpg" class="right">
                    <p>
                    <h3>第2阶段</h3>
                    20世纪70年代末到80年代初，计算机网络蓬勃发展，各种各样的计算机网络应运而生，如MILNET、USENET、BITNET、CSNET等，在网络的规模
                    和数量上都得到了很大的发展。一系列网络的建设，产生了不同网络之间互联的需求，并最终导致了
                    TCP/IP协议的诞生。
                    </p>
                </div>
            </article>
        </div>

        <div id="side">
            <h3>最近来访......</h3>
            <hr>
            <div class="avatar"><img src="../avatar/1.jpg"></div>
            <div class="avatar"><img src="../avatar/9.jpg"></div>
            <div class="avatar"><img src="../avatar/10.jpg"></div>
            <div class="avatar"><img src="../avatar/11.jpg"></div>
            <div class="avatar"><img src="../avatar/12.jpg"></div>
            <div class="avatar"><img src="../avatar/13.jpg"></div>
            <div class="avatar"><img src="../avatar/7.jpg"></div>
            <div class="avatar"><img src="../avatar/15.jpg"></div>
        </div>

        <div class="clear">
        </div>
    </div>
    <div id="footer">
        <a href="1.html">发表评论</a>
        <p>&copyCopyright W3c.com.cn <!-- #BeginDate format:IS1 -->2015-09-16<!-- #EndDate --></p>
    </div>
</div>
</body>
</html>
